@import './mixin';
.personal_list{
    padding: 0 .5rem;
    .item{
        position: relative;
         display: flex;
        border-radius:12px;
        margin-top: .2rem;
        background: #fff;
        box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
        padding: .2rem .2rem .6rem 0;
        .item_img{
            width: 1.7rem;
            height: 1.8rem;
            img{
                position: relative;
                left: -.3rem;
                width: 2rem;
                height: 1.8rem;
            }
        }
        .item_body{
            padding: .2rem .2rem 0 .2rem;
            .person_nums{
                position:absolute ;
                bottom: .2rem;
                right: -.3rem;
                width: 1.5rem;
                height: .5rem;
                background-color: #1852b9;
                border-radius: .25rem;
                padding: 0 5px;
                line-height: .5rem;
                color: #fff;
                text-align: center;
                img{
                   width: .3rem;
                   vertical-align: text-bottom;
                   margin-right: 3px;
                }
            }
            .title{
                font-size: .3rem;
                color: @black;
                margin-bottom: .2rem;
            }
            p{
                color: @graycolor;
                font-size: @fcssm;
            }
            p.address{
                margin-bottom: .3rem;
                &>img{
                    width: .2rem;
                    height: auto;
                    margin-right: .1rem;
                }
            }
            p.personal{
                &>img{
                    width: 13px;
                    height: auto;
                    margin-right: .1rem;
                    
                }
            }
        }
    }
}
